.coordinate-example{margin-top:18px;padding:30px;border:1px solid #d8d1c6;border-radius:20px;background:linear-gradient(145deg,#fff,#f8f5ef)}.coordinate-example>header>span{color:#765b00;font:850 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.coordinate-example>header h3{margin:8px 0 7px;font-size:24px;letter-spacing:-.025em}.coordinate-example>header h3 em{color:#1f4c3d;font-family:Georgia,Times New Roman,serif}.coordinate-example>header p{margin:0;color:#625d56;line-height:1.55}.coordinate-example-layout{display:grid;grid-template-columns:minmax(320px,1.14fr) minmax(220px,.86fr);gap:30px;align-items:center;margin-top:26px}.coordinate-plane{position:relative;aspect-ratio:1;border:1px solid #aaa196;background-color:#fffdfa;background-image:linear-gradient(90deg,transparent calc(50% - 1px),#3d443f calc(50% - 1px),#3d443f calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(180deg,transparent calc(50% - 1px),#3d443f calc(50% - 1px),#3d443f calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#ded9d1 calc(10% - 1px) 10%),repeating-linear-gradient(180deg,transparent 0 calc(10% - 1px),#ded9d1 calc(10% - 1px) 10%);box-shadow:inset 0 0 0 5px #fffdfa}.coordinate-tick{position:absolute;z-index:1;color:#7a746c;font:700 10px/1 var(--font-mono)}.coordinate-tick-x{top:calc(50% + 7px);transform:translateX(-50%)}.coordinate-tick-y{left:calc(50% + 7px);transform:translateY(-50%)}.coordinate-origin{position:absolute;top:calc(50% + 7px);left:calc(50% + 7px);color:#7a746c;font:700 10px/1 var(--font-mono)}.coordinate-axis-label{position:absolute;z-index:1;color:#1f4c3d;font:italic 800 18px/1 Georgia,Times New Roman,serif}.coordinate-axis-x{top:calc(50% - 25px);right:8px}.coordinate-axis-y{top:8px;left:calc(50% + 11px)}.coordinate-point{position:absolute;z-index:3;width:0;height:0}.coordinate-point-dot{position:absolute;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#1f5a46;box-shadow:0 1px 5px rgb(31 76 61/30%);transform:translate(-50%,-50%)}.coordinate-point>strong{position:absolute;bottom:9px;left:8px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#f4c73e;color:#2e291e;font:850 12px/1 var(--font-sans);box-shadow:0 2px 5px rgb(83 64 8/20%)}.coordinate-point-b>strong,.coordinate-point-c>strong{right:8px;left:auto}.coordinate-point-e>strong{bottom:auto;top:9px}.coordinate-point-steps{display:grid;gap:11px;margin:0;padding:0;list-style:none}.coordinate-point-steps li{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}.coordinate-point-steps li>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f4c73e;color:#2e291e;font-size:13px;font-weight:850}.coordinate-point-steps strong{display:block;color:#292724;font:700 19px/1.2 Georgia,Times New Roman,serif}.coordinate-point-steps p{margin:3px 0 0;color:#625d56;font-size:14px;line-height:1.35}.coordinate-point-steps small{display:block;margin-top:3px;color:#1f5a46;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.coordinate-example-note{margin:24px 0 0;padding:13px 15px;border-left:3px solid #f4c73e;background:#fffaf0;color:#5e574d;font-size:14px;line-height:1.5}@media (max-width:760px){.coordinate-example{padding:23px 20px}.coordinate-example-layout{grid-template-columns:1fr}.coordinate-plane{width:min(100%,480px);margin:0 auto}.coordinate-point-steps{grid-template-columns:1fr 1fr}}@media (max-width:480px){.coordinate-example>header h3{font-size:21px}.coordinate-example-layout{gap:23px}.coordinate-point-steps{grid-template-columns:1fr}}.geometry-figures{margin-top:18px;padding:30px;border:1px solid #d8d1c6;border-radius:20px;background:linear-gradient(145deg,#fff,#f8f5ef)}.geometry-figures>header>span{color:#765b00;font:850 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.geometry-figures>header h3{margin:8px 0 7px;font-size:24px;letter-spacing:-.025em}.geometry-figures>header p{margin:0;color:#625d56;line-height:1.55}.geometry-figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.geometry-figure-card{display:grid;grid-template-rows:190px auto;margin:0;overflow:hidden;border:1px solid #ded8ce;border-radius:16px;background:#fffdfa}.geometry-stage{position:relative;min-width:0;border-bottom:1px solid #e5dfd5;background-color:#fbf8f2;background-image:radial-gradient(circle,#d8d1c6 1px,transparent 0);background-size:18px 18px}.geometry-figure-card figcaption{padding:18px}.geometry-figure-card figcaption strong{display:block;color:#292724;font:800 20px/1.2 Georgia,Times New Roman,serif}.geometry-figure-card figcaption span{display:block;margin-top:7px;color:#625d56;font-size:14px;line-height:1.45}.geometry-figure-card figcaption b{display:block;margin-top:12px;color:#1f5a46;font:800 15px/1.25 Georgia,Times New Roman,serif}.geometry-dimension{position:absolute;color:#423d36;font:italic 800 13px/1 Georgia,Times New Roman,serif}.geometry-triangle{position:absolute;bottom:42px;left:50%;width:190px;height:116px;background:rgb(31 90 70/18%);clip-path:polygon(8% 100%,58% 0,94% 100%);transform:translateX(-50%)}.geometry-triangle:before{position:absolute;inset:3px;background:#fbf8f2;clip-path:inherit;content:""}.geometry-triangle-height{position:absolute;bottom:42px;left:54%;height:105px;border-left:2px dashed #b48b00}.geometry-right-angle{position:absolute;z-index:2;bottom:42px;left:calc(54% - 1px);width:16px;height:16px;box-sizing:border-box;border-color:#b48b00 #b48b00 #d3dcd3;border-style:solid solid solid dashed;border-width:2px;background:#fbf8f2}.geometry-triangle-base{bottom:20px;left:50%;transform:translateX(-50%)}.geometry-triangle-height-label{top:76px;left:calc(54% + 8px);color:#765b00}.geometry-prism-face{position:absolute;width:142px;height:83px;border:2px solid #1f5a46;background:rgb(31 90 70/8%)}.geometry-prism-back{top:30px;left:calc(50% - 50px)}.geometry-prism-front{top:65px;left:calc(50% - 88px);background:rgb(244 199 62/12%)}.geometry-prism-edge{position:absolute;width:52px;height:2px;background:#1f5a46;transform:rotate(-42deg);transform-origin:left center}.geometry-prism-edge-one{top:65px;left:calc(50% - 88px)}.geometry-prism-edge-two{top:65px;left:calc(50% + 54px)}.geometry-prism-edge-three{top:148px;left:calc(50% - 88px)}.geometry-prism-edge-four{top:148px;left:calc(50% + 54px)}.geometry-prism-length{bottom:18px;left:50%;transform:translateX(-40%)}.geometry-prism-width{top:24px;left:calc(50% - 112px);padding:4px 6px;border-radius:4px;background:rgb(251 248 242/92%);color:#765b00}.geometry-prism-height{top:101px;right:18px;transform:rotate(90deg)}.geometry-net-stage{display:grid;grid-template:repeat(3,48px) /repeat(4,55px);place-content:center}.geometry-net-face{display:grid;place-items:center;border:2px solid #1f5a46;color:#1f4c3d;font:italic 800 13px/1 Georgia,Times New Roman,serif}.geometry-net-top{grid-area:1/2;background:#fdf0ae}.geometry-net-left{grid-area:2/1;background:#dceae5}.geometry-net-center{grid-area:2/2;background:#f4e1d6}.geometry-net-right{grid-area:2/3;background:#dceae5}.geometry-net-far{grid-area:2/4;background:#f4e1d6}.geometry-net-bottom{grid-area:3/2;background:#fdf0ae}.geometry-composite-shape{position:absolute;top:28px;left:50%;width:190px;height:132px;background:rgb(31 90 70/16%);clip-path:polygon(0 0,46% 0,46% 48%,100% 48%,100% 100%,0 100%);transform:translateX(-50%)}.geometry-composite-shape:before{position:absolute;inset:0;border:3px solid #1f5a46;content:""}.geometry-composite-inner-horizontal,.geometry-composite-inner-vertical{position:absolute;z-index:1;background:#1f5a46}.geometry-composite-inner-vertical{top:28px;left:calc(50% - 8px);width:3px;height:64px}.geometry-composite-inner-horizontal{top:91px;left:calc(50% - 8px);width:103px;height:3px}.geometry-composite-cut{position:absolute;z-index:2;top:94px;bottom:30px;left:calc(50% - 8px);border-left:2px dashed #b48b00}.geometry-composite-region{position:absolute;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#f4c73e;color:#2e291e;font:850 12px/1 var(--font-sans)}.geometry-composite-region-one{top:68px;left:35%}.geometry-composite-region-two{top:116px;right:27%}.geometry-composite-width{bottom:14px;left:50%;transform:translateX(-50%)}.geometry-composite-height{top:88px;left:15px;transform:rotate(-90deg)}@media (max-width:760px){.geometry-figures{padding:23px 20px}.geometry-figure-grid{grid-template-columns:1fr}}@media (max-width:480px){.geometry-figures>header h3{font-size:21px}.geometry-figure-card{grid-template-rows:175px auto}.geometry-prism-stage{transform:scale(.9);transform-origin:center}}