/* Fiberdine boutique layer — additive only, loads after fiberdine-tac-dine.css.
   No external requests (fonts, images, etc.) — everything here uses only
   fonts and assets already present on the site, so it cannot fail to load. */

:root{
    /* Fiber materials — matched to the real color/finish of each material,
       reusing the exact palette already used for the category-label pill
       on the products page (fd-v31-fiber-card:nth-child), so the two pages
       stay visually consistent. */
    --fd-mat-aramid:#f0d91f;   /* aramid: the well-known Kevlar yellow */
    --fd-mat-carbon:#122a43;   /* carbon fiber: near-black weave */
    --fd-mat-glass:#9ba1a4;    /* glass fiber: pale silver-grey */
    --fd-mat-basalt:#695340;   /* basalt fiber: volcanic-rock bronze/brown */

    /* TAC DINE product line — grouped by what the product actually does,
       not by row position, so the color carries real information. */
    --fd-fn-reinforce:#0b6d8d; /* 補強・防食材／木材用補修補強剤 */
    --fd-fn-protect:#3f7a4a;   /* 保護・補修材／コンクリート保護剤／浸透性水ガラス */
    --fd-fn-repair:#b5791a;    /* 浸透接着・補修材／接着剤／注入・補修 */
    --fd-fn-seal:#4a5560;      /* 欠損補修・シール材／目地・補修材 */
}

/* 1) A slightly more "designed" feel for the English headline + big
      numerals, using only the font stack the site already loads. */
.fd-v10-hero h1,
.fd-v14-td-specs strong,
.fd-v10-two-col h2,
.fd-v10-heading h2,
.fd-v8-page-hero h1{
    letter-spacing:-.03em;
}
.fd-v10-hero h1{ font-weight:700; }

/* 2) Product-matched accent colors on cards -------------------------------
   Each product/fiber gets the same color everywhere it appears (home,
   products page), based on what it actually is — not its position in
   the grid. */
.fd-v10-card.fd-v10-product-card,
.fd-v10-card.fd-v10-fiber-card{
    border-top:3px solid transparent;
}

/* Fiber materials (home page fiber cards) */
.fd-v10-card[data-fiber-slug="aramid-japan"],
.fd-v10-card[data-fiber-slug="aramid-china"]{ border-top-color:var(--fd-mat-aramid); }
.fd-v10-card[data-fiber-slug="carbon"]{ border-top-color:var(--fd-mat-carbon); }
.fd-v10-card[data-fiber-slug="glass"]{ border-top-color:var(--fd-mat-glass); }
.fd-v10-card[data-fiber-slug="basalt"]{ border-top-color:var(--fd-mat-basalt); }

/* TAC DINE products, grouped by function (home + products page) */
.fd-v10-card[data-product-slug="ac-100-ii"],
.fd-v10-card[data-product-slug="al-100"]{ border-top-color:var(--fd-fn-reinforce); }
.fd-v10-card[data-product-slug="pe-10g-ii"],
.fd-v10-card[data-product-slug="ps-10-g"],
.fd-v10-card[data-product-slug="nk-glass-primer"]{ border-top-color:var(--fd-fn-protect); }
.fd-v10-card[data-product-slug="cp-10"],
.fd-v10-card[data-product-slug="ad-20"],
.fd-v10-card[data-product-slug="td-cartridge"]{ border-top-color:var(--fd-fn-repair); }
.fd-v10-card[data-product-slug="bg-200-g"],
.fd-v10-card[data-product-slug="m-1"]{ border-top-color:var(--fd-fn-seal); }

/* Same palette on the products page fiber cards, replacing the old
   nth-child-only coloring so material identity (not row position)
   drives the color there too. */
.fd-v31-fiber-card[data-fiber-slug="aramid-japan"] .category-label,
.fd-v31-fiber-card[data-fiber-slug="aramid-china"] .category-label{ background:var(--fd-mat-aramid); color:#080808; }
.fd-v31-fiber-card[data-fiber-slug="carbon"] .category-label{ background:var(--fd-mat-carbon); color:#fff; }
.fd-v31-fiber-card[data-fiber-slug="glass"] .category-label{ background:var(--fd-mat-glass); color:#101314; }
.fd-v31-fiber-card[data-fiber-slug="basalt"] .category-label{ background:var(--fd-mat-basalt); color:#fff; }

/* small extra lift on hover, additive to the existing translateY */
.fd-v10-card-image img{ transition:transform .35s ease; }
.fd-v10-card:hover .fd-v10-card-image img{ transform:scale(1.04); }

/* 3) Subtle concrete-grain texture on soft sections ----------------------- */
.fd-v10-soft{
    background-image:radial-gradient(rgba(11,35,56,.05) 1px, transparent 1px);
    background-size:14px 14px;
}

/* 4) A little more breathing room on the flagship "TAC DINEとは" section - */
.fd-v10-about{ padding-top:clamp(96px,11vw,150px); padding-bottom:clamp(96px,11vw,150px); }
.fd-v10-about .fd-v10-two-col{ gap:clamp(56px,9vw,130px); }

@media (max-width:720px){
    .fd-v10-soft{ background-size:10px 10px; }
}

/* 5) Footer legal links (privacy policy / sitemap) --------------------- */
.fd-v868-footer-bottom{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px 24px;
}
.fd-v868-footer-legal{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}
.fd-v868-footer-legal a{
    color:#a9bdc8;
    font-size:12px;
    text-decoration:underline;
    text-underline-offset:3px;
}
.fd-v868-footer-legal a:hover{ color:#fff; }

/* 6) Product highlight blurb (optional per-product marketing copy) ------ */
.fd-v20-highlight{
    margin-top:16px;
    padding:14px 18px;
    border-left:3px solid var(--fd-fn-protect);
    background:rgba(63,122,74,.06);
    border-radius:0 10px 10px 0;
    font-weight:700;
    line-height:1.8;
}

/* 7) v52 restrained TAC DINE watermark treatment ------------------------
   Brand rule: product identity comes from each product label color; the
   TAC DINE watermark itself stays brand-consistent across every product.
   The complete official watermark is shown horizontally, faintly, and in
   the right-side negative space so it supports rather than competes with
   the product photo. */
.fd-v10-product-card .fd-v10-card-image,
.fd-v20-product-image{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 54%,#f5f8f8 100%);
}
.fd-v10-product-card .fd-v10-card-image::before,
.fd-v20-product-image::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 86% 38%,rgba(158,194,112,.055) 0,rgba(158,194,112,.022) 23%,rgba(158,194,112,0) 52%),
        linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 34%,rgba(255,255,255,0) 64%);
    pointer-events:none;
}
.fd-v10-product-card .fd-v10-card-image::after,
.fd-v20-product-image::after{
    content:"";
    position:absolute;
    z-index:0;
    width:var(--fd-watermark-width,44%);
    aspect-ratio:1339/537;
    right:var(--fd-watermark-right,4%);
    bottom:var(--fd-watermark-bottom,8%);
    background-image:url(../images/tacdine-watermark.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    opacity:var(--fd-watermark-opacity,.058);
    filter:saturate(.88);
    pointer-events:none;
}
.fd-v10-product-card .fd-v10-card-image img,
.fd-v20-product-image img{
    position:relative;
    z-index:1;
}
/* 8) v49 product label color mapping -------------------------------------
   Product UI accent colors now follow the dominant color of the actual
   supplied product labels instead of grouping products by function.
   The palette is intentionally restrained: color is used as an accent,
   while body text and backgrounds keep the existing high-contrast design. */
:root{
    --fd-label-ac:#5e687f;       /* AC-100II: blue-gray label */
    --fd-label-pe:#2e6f9e;       /* PE-10GII: blue label */
    --fd-label-cp:#2d1d72;       /* CP-10: deep violet label */
    --fd-label-bg:#43645e;       /* BG-200(G): dark green label */
    --fd-label-ps:#8e566f;       /* PS-10(G): pink label */
    --fd-label-al:#766853;       /* AL-100: beige / taupe label */
    --fd-label-ad:#587441;       /* AD-20: green label */
    --fd-label-td:#2e466f;       /* TD-Cartridge: blue label print */
    --fd-label-m1-blue:#1e3a7c;  /* M-1 main agent: blue */
    --fd-label-m1-red:#8e3132;   /* M-1 hardener: red */
    --fd-label-nk:#345393;       /* NK glass primer: blue label print */
}

.fd-v10-product-card[data-product-slug="ac-100-ii"],.fd-v20-ac-100-ii{--fd-product-accent:var(--fd-label-ac);--fd-product-soft:#eef0f5;--fd-watermark-width:44%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.058}
.fd-v10-product-card[data-product-slug="pe-10g-ii"],.fd-v20-pe-10g-ii{--fd-product-accent:var(--fd-label-pe);--fd-product-soft:#eaf4fb;--fd-watermark-width:45%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.060}
.fd-v10-product-card[data-product-slug="cp-10"],.fd-v20-cp-10{--fd-product-accent:var(--fd-label-cp);--fd-product-soft:#eeebf7;--fd-watermark-width:43%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.058}
.fd-v10-product-card[data-product-slug="bg-200-g"],.fd-v20-bg-200-g{--fd-product-accent:var(--fd-label-bg);--fd-product-soft:#edf3f1;--fd-watermark-width:44%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.056}
.fd-v10-product-card[data-product-slug="ps-10-g"],.fd-v20-ps-10-g{--fd-product-accent:var(--fd-label-ps);--fd-product-soft:#f8eef2;--fd-watermark-width:44%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.056}
.fd-v10-product-card[data-product-slug="al-100"],.fd-v20-al-100{--fd-product-accent:var(--fd-label-al);--fd-product-soft:#f5f1eb;--fd-watermark-width:45%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.054}
.fd-v10-product-card[data-product-slug="ad-20"],.fd-v20-ad-20{--fd-product-accent:var(--fd-label-ad);--fd-product-soft:#eef4ea;--fd-watermark-width:44%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.056}
.fd-v10-product-card[data-product-slug="td-cartridge"],.fd-v20-td-cartridge{--fd-product-accent:var(--fd-label-td);--fd-product-soft:#edf1f6;--fd-watermark-width:40%;--fd-watermark-right:5%;--fd-watermark-bottom:7%;--fd-watermark-opacity:.052}
.fd-v10-product-card[data-product-slug="m-1"],.fd-v20-m-1{--fd-product-accent:var(--fd-label-m1-blue);--fd-product-soft:#eef1f8;--fd-product-secondary:var(--fd-label-m1-red);--fd-watermark-width:46%;--fd-watermark-right:3%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.058}
.fd-v10-product-card[data-product-slug="nk-glass-primer"],.fd-v20-nk-glass-primer{--fd-product-accent:var(--fd-label-nk);--fd-product-soft:#eef2f9;--fd-watermark-width:43%;--fd-watermark-right:4%;--fd-watermark-bottom:8%;--fd-watermark-opacity:.056}

/* Replace v48 function-grouped colors with the real-label mapping. */
.fd-v10-card[data-product-slug="ac-100-ii"]{border-top-color:var(--fd-label-ac)}
.fd-v10-card[data-product-slug="pe-10g-ii"]{border-top-color:var(--fd-label-pe)}
.fd-v10-card[data-product-slug="cp-10"]{border-top-color:var(--fd-label-cp)}
.fd-v10-card[data-product-slug="bg-200-g"]{border-top-color:var(--fd-label-bg)}
.fd-v10-card[data-product-slug="ps-10-g"]{border-top-color:var(--fd-label-ps)}
.fd-v10-card[data-product-slug="al-100"]{border-top-color:var(--fd-label-al)}
.fd-v10-card[data-product-slug="ad-20"]{border-top-color:var(--fd-label-ad)}
.fd-v10-card[data-product-slug="td-cartridge"]{border-top-color:var(--fd-label-td)}
.fd-v10-card[data-product-slug="m-1"]{border-top-color:var(--fd-label-m1-blue)}
.fd-v10-card[data-product-slug="nk-glass-primer"]{border-top-color:var(--fd-label-nk)}

.fd-v10-product-card .fd-v15-product-type{
    color:var(--fd-product-accent,var(--fd-blue));
    background:var(--fd-product-soft,#eaf5f8);
}
.fd-v10-product-card .fd-v10-card-copy>span{
    color:var(--fd-product-accent,var(--fd-blue));
}
.fd-v10-product-card[data-product-slug="m-1"] .fd-v15-product-type{
    border-right:3px solid var(--fd-label-m1-red);
}

/* Product detail pages use the same label-derived accent consistently. */
.fd-v20-product-sheet .fd-v20-product-hero{border-top-color:var(--fd-product-accent,#0b2b40)}
.fd-v20-product-sheet .fd-v20-eyebrow,
.fd-v20-product-sheet .fd-v20-use-grid b,
.fd-v20-product-sheet .fd-v20-accessory-copy>b,
.fd-v20-product-sheet .fd-v20-accessory-link{color:var(--fd-product-accent,#0e7991)}
.fd-v20-product-sheet .fd-v20-tags span{border-color:var(--fd-product-accent,#c8dbe2);color:var(--fd-product-accent,#315665);background:var(--fd-product-soft,#fff)}
.fd-v20-product-sheet .fd-v20-performance{border-top-color:var(--fd-product-accent,#0b2b40)}
.fd-v20-product-sheet .fd-v20-performance-head{background:var(--fd-product-accent,#0b2b40)}
.fd-v20-product-sheet .fd-v20-doc-grid small{background:var(--fd-product-accent,#0b2b40)}
.fd-v20-product-sheet .fd-v20-highlight{border-left-color:var(--fd-product-accent,#3f7a4a);background:var(--fd-product-soft,rgba(63,122,74,.06))}

/* M-1 has two actual labels (blue main agent / red hardener). Keep blue as
   the primary UI accent and show the red label as a secondary top accent. */
.fd-v20-m-1 .fd-v20-product-hero{border-image:linear-gradient(90deg,var(--fd-label-m1-blue) 0 50%,var(--fd-label-m1-red) 50% 100%) 1}
.fd-v20-m-1 .fd-v20-tags span:nth-child(even){border-color:var(--fd-label-m1-red);color:var(--fd-label-m1-red);background:#f8eeee}

/* v53: manufacturer-safe field guidance ---------------------------------
   Practical, easy-to-understand product selection/installation guidance.
   Facts stay aligned with Fiberdine's official product documents; the tone
   is intentionally closer to how products are explained at the jobsite. */
.fd-v53-field-guide{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
.fd-v53-field-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fd-v53-field-guide-grid>div{position:relative;padding:24px 26px 25px;border:1px solid #dce6ea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(10,37,57,.035)}
.fd-v53-field-guide-grid>div::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--fd-product-accent,#0e7991);opacity:.78}
.fd-v53-field-guide-grid small{display:block;margin:0 0 10px;color:var(--fd-product-accent,#0e7991);font-size:12px;font-weight:800;letter-spacing:.06em}
.fd-v53-field-guide-grid p{margin:0;color:#425d6c;font-size:14px;line-height:1.85}
@media(max-width:720px){.fd-v53-field-guide-grid{grid-template-columns:1fr}.fd-v53-field-guide-grid>div{padding:21px 22px 22px}}

/* v54: Basalt evidence hierarchy ----------------------------------------
   Current sales specification, historical material-test values, and model
   experiment evidence are intentionally separated to avoid implying that
   historical test-specimen values are current guaranteed product specs. */
.fd-v54-basalt-performance,.fd-v54-basalt-evidence{margin-top:24px;padding:34px;border:1px solid #dce6ea;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(10,37,57,.045)}
.fd-v54-basalt-performance>header,.fd-v54-basalt-evidence>header{max-width:900px;margin:0 0 24px}.fd-v54-basalt-performance>header h2,.fd-v54-basalt-evidence>header h2{margin:4px 0 8px;color:#123049;font-size:27px}.fd-v54-basalt-performance>header p:last-child,.fd-v54-basalt-evidence>header p:last-child{margin:0;color:#536876;line-height:1.8}
.fd-v56-basalt-latest{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:24px;align-items:start;margin:0 0 20px;padding:26px;border:1px solid #d8e5de;border-radius:16px;background:linear-gradient(135deg,#f9fcfa,#f2f7f3)}
.fd-v56-basalt-latest small{display:block;margin-bottom:7px;color:#557064;font-size:11px;font-weight:800;letter-spacing:.05em}.fd-v56-basalt-latest h3{margin:0 0 10px;color:#173b31;font-size:20px;line-height:1.45}.fd-v56-basalt-latest p{margin:0;color:#4d6258;font-size:13px;line-height:1.85}.fd-v56-basalt-latest>div>p strong{color:#173b31;font-size:16px}.fd-v56-basalt-latest dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}.fd-v56-basalt-latest dl>div{padding:12px 8px;border:1px solid #dbe7e0;border-radius:10px;background:rgba(255,255,255,.82);text-align:center}.fd-v56-basalt-latest dt{margin:0 0 5px;color:#6a7b72;font-size:10px;font-weight:800}.fd-v56-basalt-latest dd{margin:0;color:#254b3b;font-size:12px;font-weight:700;white-space:nowrap}.fd-v56-basalt-latest .fd-v54-evidence-note{grid-column:1/-1;margin:0;padding-top:4px;color:#6d7e75;font-size:11px}.fd-v56-basalt-latest>a{grid-column:1/-1;justify-self:start;color:#35634e;font-size:12px;font-weight:800}
.fd-v54-basalt-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fd-v54-basalt-metrics>div{padding:18px;border:1px solid #e0e8ec;border-radius:14px;background:linear-gradient(180deg,#fff,#f8faf9)}.fd-v54-basalt-metrics small{display:block;margin-bottom:8px;color:#557064;font-size:11px;font-weight:800;letter-spacing:.04em}.fd-v54-basalt-metrics strong{display:block;color:#173b31;font-size:18px;line-height:1.35}.fd-v54-basalt-metrics span{display:block;margin-top:7px;color:#708079;font-size:11px;line-height:1.5}
.fd-v54-basalt-caution{margin-top:18px;padding:18px 20px;border-left:4px solid #6f8a78;border-radius:0 12px 12px 0;background:#f4f7f4}.fd-v54-basalt-caution strong{display:block;margin-bottom:5px;color:#264b3a}.fd-v54-basalt-caution p{margin:0;color:#4d6258;line-height:1.75}.fd-v54-basalt-caution b{color:#173b31}
.fd-v54-basalt-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fd-v54-basalt-evidence-grid article{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #dce6ea;border-radius:15px;background:#fbfcfc}.fd-v54-basalt-evidence-grid small{color:#557064;font-size:11px;font-weight:800;letter-spacing:.06em}.fd-v54-basalt-evidence-grid h3{margin:8px 0 12px;color:#17364c;font-size:19px}.fd-v54-basalt-evidence-grid p{margin:0 0 13px;color:#506673;font-size:13px;line-height:1.8}.fd-v54-basalt-evidence-grid .fd-v54-evidence-note{font-size:11px;color:#71818a}.fd-v54-basalt-evidence-grid a,.fd-v54-basalt-evidence-grid>article>span{margin-top:auto;padding-top:12px;color:#35634e;font-size:12px;font-weight:800}.fd-v54-basalt-evidence-grid>article>span{color:#7b888f;font-weight:600}
@media(max-width:960px){.fd-v54-basalt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-v54-basalt-evidence-grid{grid-template-columns:1fr}}
@media(max-width:640px){.fd-v54-basalt-performance,.fd-v54-basalt-evidence{padding:23px 20px;border-radius:16px}.fd-v54-basalt-metrics{grid-template-columns:1fr}.fd-v54-basalt-performance>header h2,.fd-v54-basalt-evidence>header h2{font-size:23px}}

/* v55: universal page-end navigation ------------------------------------
   Every managed page gets an explicit route back to the top page and a
   page-top button, including embedded mode where the theme chrome remains. */
.fd-v55-page-end-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:min(calc(100% - 40px),1160px);margin:42px auto 0;padding:22px 0 28px;border-top:1px solid #dde6ea}
.fd-v55-page-end-actions>a,.fd-v55-page-end-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid #d6e1e6;border-radius:999px;font:inherit;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.fd-v55-page-end-actions span{display:inline-grid;place-items:center;width:22px;height:22px;font-size:16px;line-height:1}
.fd-v55-page-home{background:#fff;color:#18394f;text-decoration:none}
.fd-v55-page-top{background:#0b2338;color:#fff}
.fd-v55-page-end-actions>a:hover,.fd-v55-page-end-actions>button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(10,37,57,.09)}
.fd-v55-page-home:hover{border-color:#9eb8a7;background:#f5f8f5;color:#426953}
.fd-v55-page-top:hover{background:#123354;border-color:#123354}
.fd-v55-footer-logo-link{display:inline-flex;color:inherit;text-decoration:none}
.fd-v55-footer-logo-link img{display:block}
.fd-v8-page-home .fd-v55-page-end-actions{margin-top:54px}
@media(max-width:640px){.fd-v55-page-end-actions{gap:9px;width:min(calc(100% - 28px),1160px);margin-top:34px;padding:18px 0 24px}.fd-v55-page-end-actions>a,.fd-v55-page-end-actions>button{flex:1;min-width:0;padding:0 13px;font-size:12px}.fd-v55-page-end-actions b{white-space:nowrap}}

/* v55 quick tools visibility safeguard */
.fdvr-page-tools[hidden]{display:none!important}
.fdvr-page-tools{pointer-events:none}
.fdvr-page-tools.is-visible{pointer-events:auto}

@media(max-width:960px){.fd-v56-basalt-latest{grid-template-columns:1fr}.fd-v56-basalt-latest dl{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:640px){.fd-v56-basalt-latest{padding:20px}.fd-v56-basalt-latest dl{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-v56-basalt-latest dl>div:last-child{grid-column:1/-1}.fd-v56-basalt-latest dd{white-space:normal}}

/* v57: public-quality navigation, use guide and document metadata -------- */
.fd-v57-use-guide{background:#fff}
.fd-v57-use-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.fd-v57-use-guide-grid>a{position:relative;display:grid;grid-template-columns:minmax(145px,.55fr) minmax(120px,.45fr);grid-template-areas:"use product" "text text" "more more";gap:7px 18px;padding:22px 24px;border:1px solid #dbe5e9;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafb);color:#173b4f;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fd-v57-use-guide-grid>a:hover{transform:translateY(-2px);border-color:#aebfc8;box-shadow:0 10px 28px rgba(10,37,57,.065)}
.fd-v57-use-guide-grid small{grid-area:use;color:#5c7481;font-size:11px;font-weight:800;letter-spacing:.04em}
.fd-v57-use-guide-grid strong{grid-area:product;justify-self:end;color:#123049;font-size:15px}
.fd-v57-use-guide-grid p{grid-area:text;margin:0;color:#526b78;font-size:13px;line-height:1.75}
.fd-v57-use-guide-grid span{grid-area:more;margin-top:3px;color:#0e7991;font-size:12px;font-weight:800}
.fd-v57-document-policy{padding:20px 0;border-bottom:1px solid #dce6ea;background:#f5f8f9}
.fd-v57-document-policy .fd-v8-container{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}
.fd-v57-document-policy strong{color:#173b4f;font-size:14px}
.fd-v57-document-policy p{margin:0;color:#5a707c;font-size:12px;line-height:1.8}
.fd-v57-doc-card .fd-v57-doc-body{min-width:0}
.fd-v57-doc-card .fd-v57-doc-body>strong{display:block;line-height:1.55}
.fd-v57-doc-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px}
.fd-v57-doc-meta em{color:#71838c;font-size:10px;font-style:normal;line-height:1.45}
.fd-v20-doc-grid .fd-v57-doc-card{grid-template-columns:auto minmax(0,1fr) auto}
.fd-v20-doc-grid .fd-v57-doc-card>span{font-size:22px}
.fd-v21-doc-links .fd-v57-doc-card{min-width:min(100%,360px);align-items:center}
.fd-v21-doc-links .fd-v57-doc-card>small,.fd-v27-fiber-docs .fd-v57-doc-card>small{flex:0 0 auto;padding:5px 7px;background:#0b2b40;color:#fff;font-size:10px;font-weight:800}
.fd-v21-doc-links .fd-v57-doc-body,.fd-v27-fiber-docs .fd-v57-doc-body{flex:1;min-width:0}
.fd-v21-doc-links .fd-v57-doc-card>span{flex:0 0 auto!important;font-size:17px}
.fd-v27-fiber-docs .fd-v57-doc-card{justify-content:flex-start}
.fd-v27-fiber-docs .fd-v57-doc-card>span{margin-left:auto;font-size:17px}
@media(max-width:720px){
  .fd-v57-use-guide-grid{grid-template-columns:1fr}
  .fd-v57-use-guide-grid>a{grid-template-columns:1fr auto;padding:19px 20px}
  .fd-v57-document-policy .fd-v8-container{grid-template-columns:1fr;gap:6px}
  .fd-v57-doc-meta{display:grid;gap:2px}
}
.fd-v57-doc-meta .fd-v57-doc-note{flex-basis:100%;padding-top:2px;color:#627782}


/* v59: TD-Cartridge setup guide from the supplied original PDF ---------- */
.fd-v59-td-setup{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#f7f9fc 100%)}
.fd-v59-td-setup::after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:var(--fd-product-soft,#edf1f6);opacity:.72;pointer-events:none}
.fd-v59-td-setup>*{position:relative;z-index:1}
.fd-v59-td-setup-intro{max-width:940px;margin:0 0 24px;padding:15px 18px;border-left:3px solid var(--fd-product-accent,#2e466f);background:#fff;color:#526876;font-size:13px;line-height:1.85}
.fd-v59-td-setup-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fd-v59-td-setup-columns>article{padding:25px 26px 27px;border:1px solid #dce5eb;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(10,37,57,.035)}
.fd-v59-td-setup-columns>article>small{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:var(--fd-product-accent,#2e466f);color:#fff;font-size:11px;font-weight:900}
.fd-v59-td-setup-columns h4{margin:0 0 18px;color:#17364c;font-size:18px;line-height:1.5}
.fd-v59-td-setup-columns ol{counter-reset:fdv59;display:grid;gap:14px;margin:0;padding:0;list-style:none}
.fd-v59-td-setup-columns li{position:relative;padding:0 0 0 35px;counter-increment:fdv59}
.fd-v59-td-setup-columns li::before{content:counter(fdv59);position:absolute;left:0;top:1px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd8df;border-radius:50%;background:#f8fafb;color:var(--fd-product-accent,#2e466f);font-size:10px;font-weight:900}
.fd-v59-td-setup-columns li strong{display:block;margin:0 0 4px;color:#27485b;font-size:13px}
.fd-v59-td-setup-columns li p{margin:0;color:#536b78;font-size:12px;line-height:1.75}
.fd-v59-td-warnings{margin-top:18px;padding:20px 22px;border:1px solid #ead9d9;border-radius:14px;background:#fff9f9}
.fd-v59-td-warnings>strong{display:block;margin-bottom:10px;color:#7f3537;font-size:13px}
.fd-v59-td-warnings ul{display:grid;gap:7px;margin:0;padding-left:20px;color:#655658;font-size:12px;line-height:1.7}
.fd-v59-td-source{margin-top:18px}
@media(max-width:760px){.fd-v59-td-setup-columns{grid-template-columns:1fr}.fd-v59-td-setup-columns>article{padding:21px 20px 23px}.fd-v59-td-setup-intro{padding:14px 15px}}


/* v62: new-product development announcement + official unidirectional aramid image */
.fd-v62-development{position:relative;overflow:hidden;background:#f4f7f8}
.fd-v62-development::before{content:"";position:absolute;right:-160px;top:-180px;width:520px;height:520px;border:1px solid rgba(15,54,76,.08);border-radius:50%;box-shadow:0 0 0 72px rgba(15,54,76,.025),0 0 0 144px rgba(15,54,76,.015);pointer-events:none}
.fd-v62-development-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:30px;padding:42px;border:1px solid #d9e3e8;border-radius:22px;background:linear-gradient(140deg,#fff 0%,#fbfcfd 62%,#f2f6f8 100%);box-shadow:0 14px 42px rgba(10,37,57,.055)}
.fd-v62-development-main{min-width:0}
.fd-v62-development-labels{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.fd-v62-development-labels span{color:#173b4f;font-size:12px;font-weight:900;letter-spacing:.06em}
.fd-v62-development-labels b{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #cfdbe1;border-radius:999px;background:#fff;color:#6b7d87;font-size:10px;letter-spacing:.12em}
.fd-v62-development-status{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px!important;color:#7d2f35!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em}
.fd-v62-development-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#a73b40;box-shadow:0 0 0 5px rgba(167,59,64,.09)}
.fd-v62-development-main h2{margin:0 0 18px;color:#0f3148;font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:.01em}
.fd-v62-development-main>p{max-width:900px;margin:0 0 13px;color:#4e6674;font-size:14px;line-height:1.9}
.fd-v62-development-main .fd-v62-development-lead{color:#294b5d;font-size:15px}
.fd-v62-development-main strong{color:#163d55}
.fd-v62-development-note{margin-top:21px!important;padding-top:15px;border-top:1px solid #dce5e9;color:#76868e!important;font-size:11px!important}
.fd-v62-patent{align-self:start;padding:28px 27px;border-radius:18px;background:#0c2940;color:#fff;box-shadow:0 14px 30px rgba(7,28,43,.13)}
.fd-v62-patent>small{display:block;margin-bottom:12px;color:#b9cbd5;font-size:10px;font-weight:900;letter-spacing:.16em}
.fd-v62-patent>strong{display:block;margin-bottom:20px;font-size:23px;line-height:1.35}
.fd-v62-patent dl{display:grid;gap:13px;margin:0 0 22px}
.fd-v62-patent dl>div{padding-top:12px;border-top:1px solid rgba(255,255,255,.13)}
.fd-v62-patent dt{margin-bottom:4px;color:#aebfca;font-size:10px;font-weight:800}
.fd-v62-patent dd{margin:0;color:#fff;font-size:12px;line-height:1.65}
.fd-v62-patent>a{display:inline-flex;color:#d8e7ee;font-size:11px;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(216,231,238,.45)}
.fd-v62-patent>a:hover{color:#fff;border-color:#fff}
.fd-v10-fiber-card[data-fiber-slug="aramid-japan"] .fd-v10-card-image img,.fd-v31-fiber-card[data-fiber-slug="aramid-japan"] figure img{image-rendering:auto;object-fit:contain!important;padding:10px;background:#fff}
@media(max-width:860px){.fd-v62-development-shell{grid-template-columns:1fr;padding:30px}.fd-v62-patent{max-width:none}}
@media(max-width:560px){.fd-v62-development-shell{padding:24px 20px;border-radius:17px}.fd-v62-development-labels{align-items:flex-start;flex-direction:column;gap:7px}.fd-v62-development-main h2{font-size:27px}.fd-v62-development-main>p{font-size:13px}.fd-v62-patent{padding:23px 21px}.fd-v62-patent>strong{font-size:20px}}

/* v63: refined new-product development message */
.fd-v63-development-kicker{margin:0 0 8px!important;color:#0f3148!important;font-size:clamp(18px,2vw,24px)!important;font-weight:900!important;letter-spacing:.02em;line-height:1.4}
.fd-v63-development-message{margin:22px 0 13px!important;color:#203f52!important;font-size:16px!important;line-height:1.8!important}
.fd-v63-development-tech{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 22px}
.fd-v63-development-tech span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid #bfccd3;border-radius:999px;background:#fff;color:#173b4f;font-size:11px;font-weight:900;letter-spacing:.1em;box-shadow:0 4px 14px rgba(10,37,57,.035)}
@media(max-width:560px){.fd-v63-development-kicker{font-size:19px!important}.fd-v63-development-message{font-size:14px!important}.fd-v63-development-tech{gap:7px}.fd-v63-development-tech span{min-height:31px;padding:0 10px;font-size:10px}}

/* v65: TAC DINE SYSTEM development brand */
.fd-v65-system-name{display:inline-block;margin:2px 0 8px!important;color:#0f3148!important;font-size:clamp(24px,3.5vw,44px)!important;font-weight:900!important;letter-spacing:.11em;line-height:1.05!important}
.fd-v65-system-name::after{content:"";display:block;width:72px;height:3px;margin-top:11px;background:#a73b40;border-radius:999px}
@media(max-width:560px){.fd-v65-system-name{font-size:25px!important;letter-spacing:.08em}.fd-v65-system-name::after{width:54px;margin-top:9px}}